<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>chooseCard</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
	$(document).ready(function(){
		$(".roll1").animate({left: '900px'},2000);
	});
</script>
<style>
	body{
		background-color: black;
	}
	.roll2{
		width: 800px;
		position: absolute;
		left: 100px;
		top: 100px;
	}
	.roll1{
		width: 800px;
		position: absolute;
		left: 300px;
		top: 100px;
	}
</style>
</head>
<body>
<img src="roll2.jpg" alt="" class="roll2">
<img src="roll1.jpg" alt="" class="roll1">
</body>
</html>